﻿@{
    Layout = null;
}

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Access-Control-Allow-Origin" content="*">
    <title>监控</title>


    <style type="text/css">
                            html,body{
                                height:100%
                            }


                    body::-webkit-scrollbar {/*滚动条整体样式*/
                       width: 2px;     /*高宽分别对应横竖滚动条的尺寸*/
                       height: 1px;
                     }
                    body::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
                       border-radius: 10px;
                       -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
                       background: #535353;
                     }
                    body::-webkit-scrollbar-track {/*滚动条里面轨道*/
                       -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
                       border-radius: 10px;
                       background: #EDEDED;
                     }


                            *{
                                margin:0px;
                                padding:0px;
                            }
                            .container{
                                width:100%;
                                height:100%;
                             
                            }
                            .row{
                                float:left;
                                 width:100%;
                                  box-sizing:border-box;
                                     padding:20px;
                            }
                            .col{

                                width:33%;


                               box-sizing:border-box;
                               padding:20px;

                                float:left;
                            }
                            .floor{
                                width:100%;
                                height:300px;
                                 background-repeat: no-repeat;
                              background-size: 100% 100%;
                              border-radius:20px;
                            
                              box-shadow: 5px 5px 5px #888888;
                            }
                             .floor:hover{
                                   box-shadow: 10px 10px 30px #998888;
                             }
                             .floor:hover p{
                                 color:red;
                             }
                            .f1{
                                background-image: url(/images/floor1_bg.png);
                            }
                            .f2{
                            background-image: url(/images/floor2_bg.png);
                            }
                            .f3{
                                background-image: url(/images/floor3_bg.png);
                            }
                            .f4{
                                background-image: url(/images/floor4_bg.png);
                            }
                            .f5{
                                background-image: url(/images/floor3_bgp.png);
                            }
                            a {
	text-decoration: none; /* 去除默认的下划线 */
	outline: none;	/* 去除旧版浏览器的点击后的外虚线框 */
	color: #000;	/* 去除默认的颜色和点击后变化的颜色 */ 
}

p{
   
    font-fimaly:'楷体','黑体','微软雅黑';
    text-align:center;
    font-size:1.2rem;
    color:#3c3c3c;
  
}
    </style>
</head>
<body>

    <div class="container">
        <div class="row">
            @*<div class="col"><a href="/monitoreditor/index" target="_blank"><div class="floor"></div><p >编辑器（开发者工具）</p></a></div>*@
            <div class="col"><a href="/monitorview/floor1" target="_blank"><div class="floor f1"></div><p>1楼设备监控(Alpha）</p></a></div>
            <div class="col"><a href="/monitorview/floor2" target="_blank"><div class="floor f2"></div><p>2楼设备监控(Alpha）</p></a></div>
            <div class="col"><a href="/monitorview/floor3" target="_blank"><div class="floor f3"></div><p>3楼设备监控(Alpha）</p></a></div>
            <div class="col"><a href="/monitorview/floor4" target="_blank"><div class="floor f4"></div><p>4楼设备监控(Alpha）</p></a></div>
            <div class="col"><a href="/monitorview/floor5" target="_blank"><div class="floor f5"></div><p>5楼设备监控(Alpha）</p></a></div>
        </div>
    </div>




</body>

</html>